<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS 类选择器</title>
<style type="text/css">
.one{
	color:#0F9;
	font-size:30px;		/*字体绿色，大小16px*/
}
p.two{
	background-color:#00C; 
	text-decoration:underline;		/*背景色蓝色，文本加粗，字体大小24px*/
}
</style>
</head>
<body>
	<p class="one">正文内容1</p>
    <p>正文内容2</p>
    <p class="two">正文内容</p>
    <div class="one">正文内容4</div>
    <div class="two">正文内容5</div>
    <p class="one two">正文内容6</p>		<!--CSS中属于class类选择器时，功能说可以叠加的-->
    <div class="one two">正文内容7</div>		/*body标签中的注释标签并不是这么表示的*/
</body>
</html>
